<template>

    <ul>
        <li v-for="item in list" :key="item.id">
            <p><img :src="item.image" alt="" style="width: 100%;" @click="$router.push('/detail/'+(item.id))"></p>
            <p  class="van-multi-ellipsis--l2">{{ item.title }}</p>
           <p style="color: red;">￥{{ item.price }}</p>
        </li>
    </ul>
</template>
<script setup>
    import request from '@/utils/request.js'
    import {  onMounted,ref} from "vue";
    const list=ref([])
    onMounted(()=>{
     request.get('/list',{
        params:{
            pagination:1, pageNum:40
        }
     }).then(res=>{
        if(res.data.code==200){
            list.value=res.data.data
        }
     })
    })
</script>
<style lang="scss" scoped>


ul{
    column-count: 2;
}
</style>